<%--
  Created by IntelliJ IDEA.
  User: cc chen
  Date: 2018/8/1
  Time: 10:32
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page isELIgnored="false" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>豆瓣酱</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <style>

        .form-group input{
            margin:15px 0;
        }

        /*清空tab的标签样式*/
        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus{
            border-left:none;
            border-right:none;
            border-top:none;
            background-color: transparent;
            border-bottom-color: #1b6d85;
            border-bottom-width: 2px;
        }

    </style>

    <link rel="stylesheet" href="/static/css/loadingStyle.css">
    <!--张总定义的样式-->
    <style>
        .pic{
            float: left;
            width: 120px;
            height: 184px;
            margin-right: 20px;
            border: #000 solid 1px;
            overflow: hidden;
        }
        .pic a {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 6px rgba(0,0,0,.35), 0 0 5px #f9f2e9 inset;
        }
        .pic a img{
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 6px rgba(0,0,0,.35), 0 0 5px #f9f2e9 inset;
            cursor: pointer;
            transition: all 0.6s ease-out;
        }
        .pic a img:hover{
            transform: scale(1.1);
        }


        .subject-item, .site-item {
            overflow: hidden;
            zoom: 1;
            border-top: 1px dashed #ddd;
            padding: 20px 0 10px;
        }
        .subject-item .info, .site-item .info {
            overflow: hidden;
            zoom: 1;
            color: #666;
        }
        .subject-item .pic, .site-item .pic {
            float: left;
            margin-right: 20px;
        }
        .subject-item .info p{
            margin-top: 6px;
            margin-bottom: 6px;
            font-size: 13px;
        }
        .subject-item .info p em{
            margin: 1px 5px 0;
            color: #a5a5a5;
        }
        .subject-item .info .ft {
            margin-top: 10px;
            position: relative;
            min-height: 19px;
            _height: 19px;
        }
        h2 {
            font: 15px Arial, Helvetica, sans-serif;
            color: #1f0404;
            margin: 0 0 12px 0;
            line-height: 150%;
        }
        #content{
            width: 1000px;
            margin-left: 100px;
        }
        #bookList{
            width: 675px;
            float: left;
        }
    </style>

</head>
<body style="background-color: rgba(0,0,0,0.8)">
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column" style="padding-top: 0px">
            <nav class="navbar navbar-default" role="navigation">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="#panel-user" data-toggle="tab">库存与定价管理</a>
                        </li>
                        <li>
                            <a href="#panel-purchase" data-toggle="tab">订单管理</a>
                        </li>
                        <li>
                            <a href="#panel-update" data-toggle="tab">录入书籍</a>
                        </li>
                    </ul>

                    <div class="pull-right" style="margin-top: 10px">
                            <a href="homeAction.action" style="color: black;float:right;font-size:16px;text-decoration:none;"><i class="glyphicon glyphicon-home"></i>主页</a>
                    </div>

                    <div class="tab-content column col-md-12" style="margin-top: 40px">

                        <!--现在的搜索页卡-->
                        <div id="panel-user" class="tab-pane fade in active">
                            <div>
                                <center>
                                    <label style="font-size: 30px;padding-top: 20px">书籍管理</label><br>
                                </center>
                            </div>

                            <center>
                                <form action="searchBookeditAction" id="form" style="padding-top: 30px;height:800px">
                                    <div class="dropdown"> <!--搜索选项下拉框-->
                                        <input type="text" id="searchContent" name="searchContent" style="width: 550px;height: 40px" placeholder="请输入书名">
                                        <button class="btn btn-link" ><span class="glyphicon glyphicon-search"></span> <span >Search</span></button>
                                    </div>
                                </form>

                            </center>

                        </div>


                        <!--订单管理页卡-->
                        <div id="panel-purchase" class="tab-pane fade">
                            <div class="well well-lg" style="padding-top: 30px;height:920px">
                                <center>
                                    <label style="font-size: 30px;padding-top: 20px">搜索订单</label><br>
                                    <form action="searchOrderAction" class="form-horizontal" role="form" method="post">
                                        <div class="form-group">
                                            <label for="bid" class="col-sm-4 control-label">图书编号</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="bid" id="bid" placeholder="图书编号">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="uid" class="col-sm-4 control-label">用户编号</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="uid" id="uid" placeholder="用户编号">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="sdate" class="col-sm-4 control-label">开始日期</label>
                                            <div class="col-sm-4">
                                                <input type="date" class="form-control" name="sdate" id="sdate" placeholder="开始日期">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="edate" class="col-sm-4 control-label">结束日期</label>
                                            <div class="col-sm-4">
                                                <input type="date" class="form-control" name="edate" id="edate" placeholder="结束日期">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="ostate" class="col-sm-4 control-label">订单状态</label>
                                            <div class="col-sm-4">
                                                <select name="ostate" id="ostate" class="form-control">
                                                    <option value="未付款">全部</option>
                                                    <option value="已付款">已付款</option>
                                                    <option value="已发货">已发货</option>
                                                    <option value="已送达">已送达</option>
                                                    <option value="已签收">已签收</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">+
                                            <div class="col-sm-offset-1 col-sm-10">
                                                <button class="btn btn-default" style="background-color: #32aacc;color: white;border-color: #32aacc">查询</button>
                                            </div>
                                        </div>
                                    </form>

                                </center>
                            </div>



                        </div>

                        <!--录入书籍信息页卡-->
                        <div id="panel-update" class="tab-pane fade">
                            <div class="well well-lg" style="padding-top: 30px;height:1000px">
                                <center>
                                    <label style="font-size: 30px;padding-top: 20px">书籍信息</label><br>
                                    <form action="insertBookInfoAction" class="form-horizontal" role="form" id="insertForm" name="insertForm" method="post">
                                        <div class="form-group">
                                            <label for="bname" class="col-sm-4 control-label">书名</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="bname" id="bname" placeholder="书名">
                                            </div>
                                            <div><span style="color: red">${bnameerror}</span></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="bauthor" class="col-sm-4 control-label">作者</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="bauthor" id="bauthor" placeholder="作者">
                                            </div>
                                            <div><span style="color: red">${bauthorerror}</span></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="bscore" class="col-sm-4 control-label">评分</label>
                                            <div class="col-sm-4">
                                                <input type="text" pattern="[0-9]?.[0-9]" class="form-control" name="bscore" id="bscore" placeholder="8.0">
                                            </div>
                                            <div><span style="color: red">${bscoreerror}</span></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="bprice" class="col-sm-4 control-label">价格</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control"  pattern="[0-9]+.?[0-9]{0,2}" name="bprice" id="bprice" placeholder="12.00">
                                            </div>
                                            <div><span style="color: red">${bpriceerror}</span></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="bnum" class="col-sm-4 control-label">库存数量</label>
                                            <div class="col-sm-4">
                                                <input type="number" class="form-control" name="bnum" id="bnum" placeholder="20">
                                            </div>
                                            <div><span style="color: red">${bpriceerror}</span></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="burl" class="col-sm-4 control-label">图片路径</label>
                                            <div class="col-sm-4">
                                                <input type="text" class="form-control" name="burl" id="burl" placeholder="">
                                            </div>
                                            <div><span style="color: red">${burlerror}</span></div>
                                        </div>
                                        <div class="form-group">
                                            <label for="btext" class="col-sm-4 control-label">简介</label>
                                            <div class="col-sm-4">
                                                <textarea name="btext" id="btext" cols="50" rows="5"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-4 control-label">标签</label>
                                            <div><br></div>
                                            <div>
                                                <input type="text" id="tag1" name="tag1" placeholder="标签1">&nbsp;
                                                <input type="text" id="tag2" name="tag2" placeholder="标签2"><br>
                                                <input type="text" id="tag3" name="tag3" placeholder="标签3">&nbsp;
                                                <input type="text" id="tag4" name="tag4" placeholder="标签4"><br>
                                                <input type="text" id="tag5" name="tag5" placeholder="标签5">&nbsp;
                                                <input type="text" id="tag6" name="tag6" placeholder="标签6">
                                            </div>
                                        </div>
                                        <div class="form-group">+
                                            <div class="col-sm-offset-1 col-sm-10">
                                                <button class="btn btn-default" style="background-color: #32aacc;color: white;border-color: #32aacc">录入书籍信息</button>
                                            </div>
                                        </div>
                                        <div><span style="color: red">${berror}</span></div>
                                    </form>

                                </center>
                            </div>
                        </div>

                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>
</body>
</html>
